<!doctype html>
<html lang="zh-CN">
<head>
<!-- 必须的 meta 标签 -->
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" type="text/css"
	href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
<link rel="stylesheet"
	href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="admin/css/admin.css">
<title>登录</title>
</head>
<body style="width: 100vw; height: 100vh; background-image: url('./imgs/background.jpg'); background-repeat: no-repeat; background-size: 100vw, 90%;">
	<div class="card text-white bg-dark mb-3"
		style="max-width: 20rem; position: absolute; top: 30%; left: calc(50vw - 9rem);">
		<div class="card-header">
			<i class="fa fa-user"></i> 用戶登錄
		</div>
		<div class="card-body">
			<form>
				<div class="form-group row">
					<label for="inputName" class="col-sm-4 col-form-label">用户名：</label>
					<div class="col-sm-8">
						<input name="name" required type="text" class="form-control">
					</div>
				</div>
				<div class="form-group row">
					<label for="inputPassword"
						class="col-sm-4 col-form-label text-right">密码：</label>
					<div class="col-sm-8">
						<input name="pwd" required type="password" class="form-control">
					</div>
				</div>
				<div class="form-group row">
					<div class="col-sm-8 offset-sm-4">
						<button class="btn btn-primary">登录</button>
						<a class="btn btn-link" href="#">注册</a>
					</div>
				</div>
			</form>
		</div>
	</div>

	<script
		src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
	<script
		src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>
	<script src="login.js"></script>
</body>
</html>